.taskDetail{
    padding-left: 10px;
    padding-right: 10px;
}
.box{
    width: 355px;
    border-radius: 10px;
    padding: 12px 10px;
    margin-bottom: 9px;
    background-color: #fff;
}
.notice{
    min-height: 70px;
    line-height: 19px;
    background-color: #FEFBEC!important;
    font-size: 12px;
    .type{
        color: #F09134;
        font-weight: 700;
        font-size: 14px;
    }
}
// .info{
//     align-items: flex-start;
//     .pic{
//         width: 89px;
//         height: 71px;
//         border-radius: 5px;
//         margin-left: 5px;
//     }
//     .info_left{
//         flex: 1;
//         .ell{
//             -webkit-line-clamp: 3!important;
//         }
//         .typeImg{
//             height: 15px;
//             width: 32.5px;
//             vertical-align: middle;
//             margin-right: 3px;
//         }
//         .text{
//             vertical-align: middle;
//         }
//     }
//     .tagGroup{
//         display: flex;
//         margin: 5px 0;
//         font-size: 11px;
//     }
//     .lv{
//         width: 79px;
//         height: 18.5px;
//         position: relative;
//         display: flex;
//         .lv_bg{
//             width: 79px;
//             height: 18.5px;
//             position: absolute;
//             z-index: 0;
//         }
//         .type,.lv_num{
//             position: relative;
//             z-index: 1;
//         }
//         .type{
//             color: #fff;
//             width: 30px;
//         }
//         .lv_num{
//             color: #FF3C2A;
//             flex: auto;
//         }
//     }
//     .tag{
//         min-width: 60px;
//         height: 18.5px;
//         border-radius: 3px;
//         margin-left: 10px;
//         padding: 0 5px;
//     }
//     .blue{
//         background: #ecf1ff;
//         color: #3889FF;
//     }
//     .orange{
//         background: #fff3ec;
//         color: #FC6F2E;
//     }
// }
.taskBox{
    font-size: 12px;
    line-height: 30px;
    .left_tit{
        color: #666;
        width: 50px;
        margin-right: 10px;
    }
    .right_con{
        color: #000;
    }
}
.h1{
    font-size: 15px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    .flag{
        width: 3px;
        height: 15px;
        background-image: linear-gradient(45deg,#2A5CFF 0%, #3581FF 100%);
        border-radius: 1.5px;
        overflow: hidden;
        margin-right: 6px;
    }
}
.orderInfo{
    height: 120px;
    flex-direction: column;
    font-size: 12px;
    color: #666;
    .flex{
        align-items: center;
    }
    .money{
        color: #181818;
        font-size: 16px;
        font-weight: bold;
    }
    .amt{
        font-size: 32.5px;
    }
}
.fixedBottom{
    width: 355px;
    height: 47px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: content-box;
    box-shadow: 0 0 10px #ccc;
    padding-left: 10px;
    padding-right: 10px;
    .bot{
        height: 36px;
        width: 200px;
        border-radius: 18px;
        font-size: 15px;
        padding: 0 10px;
    }
    .total{
        font-size: 12px;
    }
    .amt{
        font-size: 18px;
        font-weight: bold;
    }
}
.title2{
    color: #818181;
    font-size: 11px;
    line-height: 25px;
}
.payWay{
    display: flex;
    align-items: center;
    color: #3B3B3B;
    margin-top: 10px;
    .wechat{
        width: 21px;
        height: 21px;
        margin-right: 10px;
    }
}